<template>
    <div class="history">
        <span>{{item.name}}</span> - {{item.song.artists[0].name}}
    </div>
</template>

<script>
export default {
    name: 'History',
    props: {
        item: {
            type: Object,
            default: function() {
                return {};
            }
        }
    }
}
</script>

<style lang="less" scoped>
.history {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    margin-top: 20px;
    text-align: left;
    font-size: 13px;
    color: #999;
    span {
        font-size: 16px;
        color: #000;
    }
}
</style>
